@charset "utf-8";

@media screen and (max-width: 500px) {

    /* 基础样式 */
    body{font-size: 1rem;}
    .content{width: auto; padding: 0 4vw; margin: 0 auto; position: relative;}
    .title{height: 10vw; line-height: 5vw;}
    .idx_title{margin-bottom: 5vw;}

    /* 头部 + 导航 */
    .top{display: none;}
    .nav{display: none;}

    .top_phone{width: 100%; height: 11vw; background: #393939; display: block; position: fixed; top: 0; left: 0; z-index: 997;}
    .height_11vw{height: 11vw;}
    .nav_phone{width: 11vw; height: 11vw; text-align: center; line-height: 11vw; color: #fff; float: left;}
    .nav_phone:active{background: #e70216;}
    .top_title_phone{margin-left: 3.5vw; height: 11vw; line-height: 11vw; color: #fff; float: left;}
    .nav_right_phone{width: 11vw; height: 11vw; text-align: center; line-height: 11vw; color: #fff; float: right; position: relative;}
    .nav_right_phone:active{background: #e70216;}
    .search_phone.now{background: #e70216;}
    .cart_num{background: #fff; color: #393939; top: 4px; right: -1px;}

    .search_phone_bar{width: 100%; padding:2vw 4vw; background: #e70216; position: fixed; top: 11vw; left: 0; z-index: 2; display: none;}
    .search_phone_bar input{width: 94vw; height: 8vw; border: none; background: #fff; padding:0 3vw; border-radius: 50vw; display: block; font-size: 0.9rem;}

    .nav_list_phone{width: 62vw; height: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 4; display: block; box-shadow: 10px 0 30px rgba(0, 0, 0, 0.2); display: none; z-index: 999;}
    .nav_list_phone ul{padding:4vw; font-size: 0.9rem;}
    .nav_list_phone ul li{width: 100%; line-height: 12vw; }
    .nav_list_phone ul li em{float: left; font-size: 0.9rem; font-style: normal; margin-right: 3vw;}
    .nav_list_phone ul li span{float: left;}
    .nav_list_phone ul li label{float: right; font-weight: bold; color: #c3c3c3;}
    .nav_list_phone ul li a{display: block;}

    .nav_list_phone ul li ul{padding: 2vw 6vw; background: #f2f2f2; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: none;}
    .nav_list_phone ul li ul li{line-height: 10vw;}
    
    .nav_list_phone_t{padding:4vw; background: #393939;}
    .nav_list_phone_t img{width: 40%;}

    .rotate {
    
        transform-origin: center center; /*旋转中心要是正中间 才行*/
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transition: transform 0.2s; /*过度时间 可调*/
        -moz-transition: -moz-transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        -o-transition: -o-transform 0.2s;
        -ms-transition: -ms-transform 0.2s;
    }
    
    .rotate1 {
        transform-origin: center center;
        transform: rotate(0deg); /*返回原点*/
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transition: transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        -o-transition: -o-transform 0.2s;
        -ms-transition: -ms-transform 0.2s;
    
    }

    .dark_bg{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 3; display: none; z-index: 998;}

    /* banner */
    .banner{display: none;}
    .swiper1{display: block;}
    .swiper-slide img{width: 100%; float: left;}

    /* 首页快速链接 */
    .idx_quick_link{width: 100%; padding: 5vw;}
    .idx_quick_link_in{width: 100%;}
    .idx_quick_link_in ul li{width: 50%;}
    .idx_quick_link_in ul li img{width: 100%;}
    .idx_quick_link_in ul li:last-child{width: 100%;}
    .idx_quick_link_in ul li:last-child img{width: 50%;}

    /* 首页品牌视频 */
    .idx_video{width: 100%; padding: 5vw;}
    .idx_video_in{width: 100%;}
    .idx_video_in ul li{width: 100%; margin-bottom: 5vw;}
    .idx_video_in ul li:last-child{margin-bottom: 5vw;}
    .idx_video_in ul li span{height: 11vw; line-height: 11vw;}

    /* 首页产品分类 */
    .idx_pro_t_in{width: 100%; padding: 0 5vw; overflow-x: scroll;}
    .idx_pro_t_in ul{width: max-content;}
    .idx_pro_t_in ul li{height: 11vw; line-height: 11vw;}
    .idx_pro_t_in ul li a:hover{background: url(../images/nav_now.jpg); background-size: 100% 100%; }
    .idx_pro_b{width: 100%; padding: 5vw; background: url(../images/idx_pro_bg.jpg) bottom center no-repeat #f8f9f9; background-size: unset;}
    .idx_pro_b_in{width: 100%;}
    .idx_pro_b_in_l{width: 100%;}
    .idx_pro_b_in_l ul li{width: 49%; height: 40vw;}
    .idx_pro_b_in_r{width: 100%; padding-top: 2vw;}
    .idx_pro_b_in_r ul li{width: 49%; height: 40vw; margin-left: 0; float: left;}
    .idx_pro_b_in_r ul li:nth-child(odd){float: right;}

    /* 首页应用案例 */
    .idx_case_t{background: #fcfcfc;}
    .idx_case_t_in{width: 100%; height: 10vw; line-height: 10vw; padding: 0 0; overflow-x: scroll;}
    .idx_case_t_in ul{width: max-content;}
    .idx_case_t_in ul li{height: 10vw; line-height: 10vw; margin-right: 14px; margin-right: 0;}
    .idx_case_b{width: 100%; padding: 5vw; background: #f8f9f9;}
    .idx_case_b_in{width: 100%;}
    .idx_case_b_in ul li{width: 49%; height: 58vw; margin-right: 0; margin-bottom: 2vw;}
    .idx_case_b_in ul li:nth-child(odd){float: right;}

    /* 首页品牌动态 */
    .idx_news{width: 100%; padding: 5vw; padding-top: 0;}
    .idx_news_l,.idx_news_r{width: 100%; margin-bottom: 16px;}
    .idx_news_l{height: calc(56vw + 60px);}
    .idx_news_l .swiper-slide span{height: 60px; padding:0 2vw}
    .idx_news_l .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

    /* 底部 */
    .bottom_in{width: 100%;}
    .bottom_l{width: 100%; padding:0 5vw; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap}
    .bottom_l_b{padding-top: 3vw; text-align: center;}
    .bottom_r{display: none;}
    .bottom_l img.logo_gray{width: 80%;}

    /*---------- 内页 ----------*/

    /* 基础样式 */
    .center{width:100%; margin:0 auto;}
    .mgt_30px{margin-top: 5vw;}
    .in_title{width: calc(100% - 10vw); margin: 5vw; background-size: 30%; padding-bottom: 3vw;}
    .in_title span,.in_title label{font-size: 1.2rem;}
    .in_title span{height: unset;}

    /* banner + 面包屑 */
    .in_banner{height: 30vw;}
    .bread{width: 100%; padding: 0 5vw;}
    .bread span{font-size: 1.2rem;}

    /* 联系我们 */
    .idx_case_t.mrg{margin-top: 0;}
    .in_map{width: calc(100% - 10vw); height: 80vw; margin: 5vw;}
    .contact_in{border: none; width: 100%; padding-bottom: 0;}
    .contact_qr{margin-bottom: 3vw;}
    .contact_in ul li{width: 90vw; border: 1px solid #f2f2f2; border-radius: 5px; float: unset; margin: 0 auto; margin-bottom: 10vw; padding: 8vw 0 5vw 0;}
    .contact_in ul li label{top: -6vw;}

    .contact_msg{width: 90vw; margin: 0 auto; margin-bottom: 5vw; padding: 8vw 0;}
    .contact_txb_all{width: 100%;}
    .contact_txb_all.mrg{margin: 0;}
    .contact_txb{width: 100%; padding-bottom: 3vw;}
    .contact_txb.mrg{margin: 0;}
    .contact_txt{text-align: right; padding-right: 10px;}
    .contact_txb input{width: calc(100% - 90px);}
    .contact_txb textarea{width: calc(100% - 90px);}
    a.contact_btn{margin-top: 3vw;}

    /* 内容页 */
    .in_content{width: 100%; padding: 0 5vw;}
    .in_content_l{width: 100%;}
    .in_content_r{width: 100%; margin-top: 5vw;}
    .in_content_r img{margin-bottom: 2vw;}

    /* 图片列表页 */
    .pic_list{width: 100%; padding: 0 5vw;}
    .pic_list dl{width: 100%; margin-bottom:6vw;}
    .pic_list dl dt, .pic_list dl dd{width: 100%;}

    /* 图文列表页 */
    .news_list{width: 100%; padding: 0 5vw;}
    .news_list ul li{border: 1px solid #f2f2f2; padding-bottom: 5vw; margin-bottom: 5vw; border-radius: 5px; overflow: hidden;}
    .news_pic{width: 100%; height: 55vw;}
    .news_time{width: 100%; height: unset; margin: 0; display: block; padding:3vw}
    .news_time span, .news_time label{display: inline-block;}
    .news_time span{font-size: 20px;}
    .news_time label{color: #999;}
    .news_time em{display: none;}
    .news_details{width: 100%; height: unset; padding: 0 3vw; }
    .news_details a{font-size: 17px;}

    /* 招聘信息 */
    .job_t{width: 90vw; margin: 0 auto; background: url(../images/job_ico2.png) right center no-repeat #fafafa; border-radius: 5px; margin-bottom: 5vw; font-size: 0.9rem;}
    .job_t span{font-size: 0.9rem;}
    .job_list_t{width: 90vw; font-size: 0.8rem;}
    .job_list{width: 90vw; font-size: 0.8rem;}
    .job_list span{display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; padding: 0 5px; padding-bottom: 10px;}
    .job_list dl{padding-bottom: 0;}
    .job_list dl dd em{font-size: 0.9rem;}

    /* 页码 */
    .page{width: 90vw;}
    .page_o, .page_n{display: none;}

}